Используемые браузеры: FF 80, O96, S32, G40
Проблема видна на картинке ниже: уехал влево нижний блок. Всё было прекрасно до тех пор, пока не начала тестить в разных браузерах, там оказалось, что съехало верхнее меню, и я методом тыка практически всё подправила, но вот нижний блок не хочет вставить на место. Я пыталась увеличить margin, padding, менять размер, но всё мимо - даже если в FF всё хорошо, то в трёх остальных он по прежнему смещён влево. Не знаю уже, что делать, на этом мои скромные познания в CSS закончились((
Буду рада, если кто-то сможет подкинуть дельную идею, либо пнуть на тему, где всё это уже стотыщраз обсуждалось (поиском пользовалась, не нашла)
Изображение проблемы
css блока
/* +++++++++++++++Bottom Modules ++++++++++++++ */
.mega_bots{
background: #FFF;
margin-left: 13px;
padding: 15px 20px;
width: 940px;
}
.mega_bots_w{
}
.mega_bots_i{
}
.mega_bots .firstbox{
float: left;
}
.mega_bots .firstbox .megaclassbox_i{
padding-right: 20px;
}
.mega_bots .midbox{
float: left;
margin-left: 5px;
}
.mega_bots .midbox .megaclassbox_i{
padding: 0 10px;
}
.mega_bots .lastbox{
float: right;
}
.mega_bots .lastbox .megaclassbox_i{
padding-left: 20px;
}
.mega_bots .lastbox{
margin-right: -30px;
}
.mega_bots .lastbox h3{
background: url(../images/lastbox_h3_bg.png) no-repeat right bottom;
padding-bottom: 10px;
color: #FFF;
}
.mega_bots .lastbox h3 span{
background: #00aff8;
display: block;
padding: 5px 10px;
}
.mega_bots .lastbox .megamodulesbox_i{
padding: 0 25px 0 10px;
}
разметка
<!-- Begin Bottom Modules -->
<?php
$template = array ('botbox-1','botbox-2','botbox-3');
$bots = splitmodules ($this,$template,99);
if($bots) :
?>
<?php if($this->countModules('botbox-1 + botbox-2 + botbox-3')) {?>
<div class="mega_bots" id="mega_bots">
<div class="mega_bots_i" id="mega_bots_i">
<?php if( $this->countModules('botbox-1')) {?>
<div class="botbox botbox1<?php echo $bots['botbox-1']['class']; ?>" style="width: <?php echo $bots['botbox-1']['width']; ?>;">
<jdoc:include type="modules" name="botbox-1" style="megabox" />
</div>
<?php }?>
<?php if( $this->countModules('botbox-2')) {?>
<div class="botbox botbox2<?php echo $bots['botbox-2']['class']; ?>" style="width: <?php echo $bots['botbox-2']['width']; ?>;">
<jdoc:include type="modules" name="botbox-2" style="megabox" />
</div>
<?php }?>
<?php if( $this->countModules('botbox-3')) {?>
<div class="botbox botbox3<?php echo $bots['botbox-3']['class']; ?>" style="width: <?php echo $bots['botbox-3']['width']; ?>;">
<jdoc:include type="modules" name="botbox-3" style="megabox" />
</div>
<?php }?>
</div>
</div>
<?php } endif;?>
<!-- End -->
19.11.2021, 14:06:15